<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<!-- 普通载入(载入js文件)  window.$ -->
<!-- <script src="../module/jquery-3.7.1.min.js"></script> -->

<!-- 模块化载入(载入js文件/js处理的模块化文件) => 此写法直接载入并执行js文件,不会按需引入模块内暴露的变量/方法 -->
<!-- <script src="../module/jquery-3.7.1.min.js" type="module"></script> -->

<!-- 当前脚本使用模块化语法 -->
<script type="module">
    // ES6模块化 => 将一个大程序拆分成互相依赖的小文件，再用简单的方法拼装起来(使用时按需引入即可)

    // 按需引入  对应模块内暴露的变量,方法名,类名 引入
    // 注意: 被解构的变量默认是只读的, 只能取值,不能赋值
    import { a, addA, reduceA } from "../module/a.js";
    import { b, addB, reduceB } from "../module/b.js";
    import { c, sum } from "../module/c.js";

    // 直接载入并执行js文件,不会按需引入模块内暴露的变量/方法
    import "../module/jquery-3.7.1.min.js";
    console.log($);






</script>


</html>